<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8' />
        <style>
         
         ul li{color:red;}      /* 后代关系 ul 的 儿子,孙子,重孙子 是li  */
         ul>li{color:green;}    /* 父子关系 ul 的 儿子 li     */
         #aaa+li{color:blue;}   /* 相邻关系 #aaa 后面的一个 li  */
         #aaa~li{color:pink;}   /* 兄弟关系 #aaa 后面所有的 li  */
        
        </style>
    </head>
    <body>
        <h2>关系选择符</h2>
        <ul>
            <li>电影
                <ol>
                    <li >爱情</li>
                    <li >动作</li>
                    <li id='aaa'>科幻</li>
                    <li>恐怖</li>
                    <li>青春</li>
                </ol>
            </li>
            <li>电视剧
                <ol>
                    <li>韩剧</li>
                    <li>美剧</li>
                    <li>日剧</li>
                    <li>港剧</li>
                </ol>
            </li>
            <li>综艺</li>
        </ul>
    </body>
</html>